.statistic {
	width: 100vw;
	height: 240px;
	max-width: unset !important;
	padding: 0 !important;
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(auto, 200px));
	justify-content: center;
	align-items: center;
	background-image: url('../assets/image/bg-03.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	&::before {
		width: 100%;
		height: 100%;
		position: absolute;
		content: '';
		background-color: var(--backdrop-color);
	}
	.piece {
		width: 300px;
		display: grid;
		justify-items: center;
		color: white;
		z-index: 20;
		i {
			font-size: 60px;
		}
		.number {
			margin-top: 8px;
			font-size: 70px;
			font-weight: 600;
		}
		.desc {
			font-size: 18px;
			font-weight: 500;
		}
	}
}
